<!DOCTYPE html>
<html>
	<head>
		<title>HTML5test - How well does your browser support HTML5?</title>

		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="stylesheet" href="/css/main.css" type="text/css">
		<link rel="stylesheet" href="/css/reporting.css" type="text/css">

		<script src='/scripts/base.js' type='text/javascript'></script>
		<script src='/scripts/reporting.js' type='text/javascript'></script>

		<meta name="application-name" content="HTML5test"/>

		<link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="/images/icons/apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon" sizes="60x60" href="/images/icons/apple-touch-icon-60x60.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-touch-icon-152x152.png" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-16x16.png" sizes="16x16" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-32x32.png" sizes="32x32" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-96x96.png" sizes="96x96" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-160x160.png" sizes="160x160" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-196x196.png" sizes="196x196" />
		<meta name="msapplication-TileColor" content="#0092bf" />
		<meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png" />
	</head>

	<body>
		<div class='header'>
			<h1><span>HTML<strong>5</strong>test</span> <em>how well does your browser support HTML5?</em></h1>
			<div class='navigation'>
				<ul class='left'>
					<li><a href='/index.html'>Your browser</a></li>
					<li class='selected'><a href='/results/desktop.html'>Other browsers</a></li>
					<li><a href='/compare/browser/index.html'>Compare</a></li>
				</ul>
				<ul class='right'>
					<li><a href='/about.html'>About<span> the test</span></a></li>
				</ul>
			</div>
		</div>

		<div class='page saved'>
			<div id='contents' class='column'>
				<div id='score'>
					<div class='pointsPanel'>
						<h2><span>This browser scored</span> <strong><?php echo $results->score; ?></strong> <span>out of <?php echo $results->maximum; ?> points</span></h2>
						<hr>
					</div>
				</div>

				<div class='paper'>
					<div>
						<div class='scorePanel'>

							<h2>Related</h2>

							<div class='left'>
								<div>
									<h3>Test results</h3>
									<table class='scoreTable latestTable'>
										<thead>
											<tr>
												<th class='nickname'>Browser</th>
											</tr>
										</thead>
										<tbody>
											<?php foreach($fingerprint['results'] as $item): ?>
											<tr>
												<th class='nickname'><a href='//html5te.st/<?php echo $item->id; ?>'><?php echo $item->name; ?></a></th>
											</tr>
											<?php endforeach; ?>
										</tbody>
									</table>
								</div>
							</div>

							<div class='right'>
								<div>

									<?php if ($fingerprint['browserVersion']['status'] != 'none'): ?>
									<h3>Browsers</h3>

									<div class='column'>
										<table class='scoreTable'>
											<thead>
												<tr>
													<th class=''>Version</th>
													<th class='count'>Count</th>
													<th class='percentage'>Percentage</th>
												</tr>
											</thead>
											<tbody>
												<?php foreach($fingerprint['browserVersion']['items'] as $item): ?>

												<tr>
													<td class=''><?php echo $item['name'] == '' ? 'Default' : $item['name']; ?></td>
													<th class='count'><?php echo $item['value']; ?></th>
													<th class='percentage'><?php echo $item['percentage']; ?>%</th>
												</tr>
												<?php endforeach; ?>
											</tbody>
										</table>
									</div>
									<?php endif; ?>


									<?php if ($fingerprint['osVersion']['status'] != 'none'): ?>
									<h3>Operating Systems</h3>

									<div class='column'>
										<table class='scoreTable'>
											<thead>
												<tr>
													<th class=''>Version</th>
													<th class='count'>Count</th>
													<th class='percentage'>Percentage</th>
												</tr>
											</thead>
											<tbody>
												<?php foreach($fingerprint['osVersion']['items'] as $item): ?>

												<tr>
													<td class=''><?php echo $item['name']; ?></td>
													<th class='count'><?php echo $item['value']; ?></th>
													<th class='percentage'><?php echo $item['percentage']; ?>%</th>
												</tr>
												<?php endforeach; ?>
											</tbody>
										</table>
									</div>
									<?php endif; ?>


									<?php if ($fingerprint['deviceModel']['status'] != 'none'): ?>
									<h3>Devices</h3>

									<div class='column'>
										<table class='scoreTable'>
											<thead>
												<tr>
													<th class=''>Model</th>
													<th class='count'>Count</th>
													<th class='percentage'>Percentage</th>
												</tr>
											</thead>
											<tbody>
												<?php foreach($fingerprint['deviceModel']['items'] as $item): ?>

												<tr>
													<td class=''><?php echo $item['name']; ?></td>
													<th class='count'><?php echo $item['value']; ?></th>
													<th class='percentage'><?php echo $item['percentage']; ?>%</th>
												</tr>
												<?php endforeach; ?>
											</tbody>
										</table>
									</div>
									<?php endif; ?>
								</div>
							</div>

							<hr>

							<p>
								Please note that all data shown above are unconfirmed test results. They could be fake or
								belong to a different browser than the one listed.
							</p>
						</div>
					</div>
				</div>

				<div class='footer'>
					<div>
						<div class='copyright'>
							<p>
								Created by Niels Leenheer.<br>
								Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.<br>
								HTML5 Logo by <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a>.
								Browser detection by <a href='http://whichbrowser.net'>WhichBrowser</a>.
							</p>

							<div id='cloudvps'>
								<a href="http://www.cloudvps.nl" target="_blank" ><b>CloudVPS</b><br> High Availability<br> Cloud Servers</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src='//www.google-analytics.com/ga.js'></script>
		<script>
		<!--
			try {
				var pageTracker = _gat._getTracker("UA-68192-4");
				pageTracker._trackPageview();
			} catch(err) {}
		//-->
		</script>
	</body>
</html>
